.drawer [class^=ant-drawer-content-wrapper] {
  margin-top: 60px !important;
}

.drawerStyle [class^=ant-drawer-content-wrapper] {
  height: 87.7% !important;
}

.drawer [class^=ant-drawer-body] {
  padding: 0px !important;
}

.drawer [class^=ant-drawer-close] {
  width: 50px !important;
  height: 40px !important;
  top: -7px !important;
}

.tabPane [role="tab"] {
  width: 105px !important;
}

.tabPane [role="tab"] > div {
  margin-left: 5px !important;
}
.themeDiv {
  margin-top: 15px;
  margin-bottom: 15px;
  width: 230px;
}

.themeDiv:hover {
  background: #126AD1;
  opacity: 0.3;
}

.themeDivHover {
  margin-top: 10px;
  margin-bottom: 15px;
  width: 230px;
  background: #126AD1 !important;
  opacity: 0.3 !important;
}

.headerDiv {
  width: 230px;
  height: 40px;
  border: solid #4A90E2 1px;
  text-align: center;
  background: #4A90E2;
}

.siderDiv {
  width: 70px;
  height: 120px;
  border: solid #7D98B8 1px;
  float: left;
  text-align: center;
  background: #7D98B8;
  border-top: 0px;
  border-bottom: 0px;
}

.contentDiv {
  width: 230px;
  height: 120px;
  border: solid #E8EBEE 1px;
  background: #E8EBEE;
  text-align: center;
  border-top: 0px;
  border-bottom: 0px;
}

.footerDiv {
  width: 230px;
  height: 40px;
  border: solid #4A90E2 1px;
  text-align: center;
  background: #4A90E2;
}

.sketchPicker [class^=sketch-picker ] {
  width: 210px !important;
}
